<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--<![endif]-->
<!-- BEGIN HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<!-- BEGIN CONTAINER -->
	<!-- BEGIN CONTENT -->
		<!--表格操作按钮组-->
		<div class="form-group" style="margin: 0px;">
				<div class="row">
					<div class="col-sm-3">
						<label class="col-sm-4 control-label text-right">手机号</label>
						<div class="col-sm-8"><input type="text" class="form-control" ng-model="searchModel.mobileNo"/></div>
					</div>
					<div class="col-sm-3">
						<label class="col-sm-4 control-label text-right">邮箱</label>
						<div class="col-sm-8"><input type="text" class="form-control" ng-model="searchModel.email"/></div>
					</div>
					<div class="col-sm-4">
					<label class="col-sm-5 control-label text-right">客户类型</label>
					<div class="col-sm-7">
						<div class="input-group">
							<select ng-model="searchModel.userType" class="form-control">
								<option value="">请选择</option>
								<option value="0">个人客户</option>
								<option value="1">企业客户</option>
								<option value="2">统付客户</option>
							</select>
						</div>
					</div>
				</div>
					<div class="col-sm-1">
						<a class="btn blue" ng-click="queryUserBase();"><i class="fa fa-search"></i>查询</a>
					</div>

				</div>
		</div>
		<hr />
		<table class="table table-striped table-bordered table-hover" id="table_1">
			<thead>
				<tr>
					<th>所属运营商</th>
					<th>用户类型</th>
					<th>用户姓名</th>
					<th>用户email</th>
					<th>用户手机号</th>
					<th>是否使用</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr class="odd gradeX" ng-repeat="userBase in userBaseList  track by $index" on-loaded="{{$last}}" target-table="table_1">
					<td>
						<span ng-bind="userBase.merchantCode | getValueInArgFilter : merchantMap : 'shortName'"></span>
					</td>
					<td>
						<span ng-bind="userBase.userType | getValueInStaticFilter : 'userTypeArray'"></span>
					</td>
					<td>
						<span ng-bind="userBase.name"></span>
					</td>
					<td>
						<span ng-bind="userBase.email"></span>
					</td>
					<td>
						<span ng-bind="userBase.mobileNo"></span>
					</td>
					<td>
						<span ng-bind="userBase.isValid | getValueInStaticFilter : 'validArray'"></span>
					</td>
					<td>
						<a class="btn" href="javascript:;"  data-target="#userServiceModel" 
						data-toggle="modal" ng-click="bindService(userBase);">
							绑定服务
						</a>
					</td>
				</tr>
			</tbody>
		</table>
		<div id="userServiceModel" class="modal fade" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 class="modal-title">用户可用服务修改</h4>
					</div>
					<div class="modal-body form">
						<div class="form-group alert row">
							<div class="col-sm-5" style="padding:0px">
								<p class="selectAllTit">可绑定服务</p>
								<select multiple="multiple" class="selectAll" id="leftSelect">
									<option ng-dblclick="selectOrderService(orderService,$index);" 
									value="{{$index}}" 
									ng-repeat="orderService in orderServiceList track by $index" >
										{{orderService.name}}
									</option>
								</select>
							</div>
							<div class="col-sm-2" style="color:#018DAE;padding-top:80px;text-align: center">
								<a style="display: block;"><i class="fa fa-chevron-circle-left" style="font-size: 30px;line-height:50px;cursor: pointer;" ng-click="leftClick();"></i></a>
								<a style="display: block;"><i class="fa fa-chevron-circle-right" style="font-size: 30px;line-height:50px;cursor: pointer;" ng-click="rightClick();"></i></a>
							</div>
							<div class="col-sm-5" style="padding:0px">
								<p class="selectAllTit">已绑定服务</p>
								<select multiple="multiple" class="selectAll" id="rightSelect">
									<option ng-dblclick="invertSelectOrderService(userService,$index);" value="{{$index}}" 
									ng-repeat="userService in userServiceList track by $index">
									{{userService.serviceNo | getValueInArgFilter : orderServiceMap : 'name'}}
									</option>
								</select>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
						<button type="button" class="btn btn-primary" ng-click="batchModifyUserService();">
						<i class="fa fa-check"></i>保存</button>
					</div>
				</div>
			</div>
		</div>
		
	<!-- END CONTENT -->

<!-- END CONTAINER -->

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->



</body>
<!-- END BODY -->
</html>

